<template>
	<view class="page">
		<cu-custom bgColor="bg-gradual-red" :isBack="true">
			<block slot="backText">返回</block>
			<block slot="content">{{title}}</block>
		</cu-custom>
		<Loading class="loading1" v-show="!isLoading" :isStatus='loadStatus'></Loading>
		<scroll-view scroll-y class="courseBox"" :style=" {height:boxH+'px'}">
			<view class="cu-card article order-box animation-slide-bottom" v-for="(dat,ind) in orderList" :style="[{animationDelay: (ind + 1)*0.1 + 's'}]" @click="toGood(dat.id)">
				<view class="cu-item shadow">
					<view class="title">
						<view class='cu-tag bg-cyan' v-if="nowTime<dat.start_time">未开始</view>
						<view class='cu-tag bg-cyan' v-if="nowTime < dat.end_time && (nowTime > dat.start_time)"><text class="cuIcon-time"></text>已开课</view>
						<view class='cu-tag bg-cyan' v-if="(nowTime>dat.end_time)">已结束</view>
						<text class="timeBox" style="font-size: 3.5vw;">{{dat.title}}</text>		
					</view>
					<view class="content">
						<view class="descImg">
							<image class="contentImg" :src="dat.cover" mode="aspectFill"></image>
						</view>
						<view class="desc contentBox">
							<view class="text-cut">开始时间:{{todate(dat.start_time)}} </view>
							<view class="goodName-html" v-html="dat.basic_info">
								
							</view>
							<view class="goodName2">
								上课地点：{{dat.address}}
							</view>
							<view class="goodName2">
								上课时间：{{dat.class_time}}
							</view>
						</view>

					</view>
				</view>
			</view>
			<view class="cu-tabbar-height"></view>
		</scroll-view>
	</view>
</template>
<script src="./mycourse.js"></script>
<style scoped>
	@import 'mycourse.css';
</style>
